@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #444;font-size: 14px;position: relative;overflow-x: hidden; -webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;}
img, {display: block;}
a{color: #444;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
/* 无内容 */
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
/*top*/
#top{position: relative;z-index: 888;width: 100%;background: #fff;top:0;transition:.4s;}
.topa {margin:1rem 0;}
.top_active{ width: 100%;background: #fff !important;top:0; box-shadow: 0 0 20px rgba(0,0,0,0.2); position: fixed !important;}
.top_active .topa {margin:.25rem 0  !important;}
.top_active .topa img{ transform: scale(0.9);}
.top_active .menu li a{line-height: 30px;}
.top_active .menu li .submenu{top:33px;}

.topa  img{max-width: 100%;transition:.4s;}
.menu .col{padding-left: 0px !important;padding-right: 0px !important;}
.menu li{position: relative; text-align: center;}
.menu li a{display: block;font-size: 15px;transition:.4s;position: relative;line-height: 78px;}
.menu li a span{display: block;}
.menu li i{display: block;margin: 0 auto;width: 0px;height: 6px;background:url(../images/navbg.png) center no-repeat;transition:.4s;}
.menu li:hover i{width: 100px;}
.menu li:hover span{color: #ba0000;}
.menu li .active{color: #ba0000;}
.menu li .active i{width: 100px;}
.menu li.curr .submenu{display: block;} 
.menu li .submenu{position:absolute;z-index: 88;top:69px; width:100%; display: none;text-align: center;padding-top: 15px; }
.menu li .submenu p{line-height:45px;height: 45px;overflow: hidden;background:rgba(255,255,255,0.8);  }
.menu li .submenu p a {display: block; font-size: 13px;line-height:45px;transition:.4s;}
.menu li .submenu p a:hover{background: #ba0000;color: #fff; }

.toptel{height: auto;overflow: hidden;border-left: 1px solid #f1f1f1;font-size:18px;color: #ba0000;}
.toptel i{font-size: 22px;}
.mobmenu {position: relative;}
.mobmenu span{display: block;line-height: 55px;background: #444;padding-left: 1rem;font-size: 17px;font-weight: bold;}
.mobmenu .toolbar{position: relative;}
.mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.mobmenu .aligncontent-center {text-align: center;}
.mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;}
.mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 0px;top: -25px;}
.mobmenu .menu-left {float: right;}
.mobmenu .sidebar{display: none;width: 100%;height: 2000%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobmenu .menu-button i{font-size: 24px;color:#d21126}
.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 2000%;background: rgba(0,0,0,.5);}
.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);}
.mobmenu .sidebar ul{text-align: left;}
.mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(62,62,62,.2);transition:.4s;padding-left: 1rem;color: #777;}
.mobmenu .sidebar li i{color: #555; margin-right: .25rem;}
.mobmenu .sidebar li a:hover{background: #d21126;color: #fff;}
.mobmenu .sidebar li a:hover i{color: #fff;}
/*banner*/
.banner img{display: block;margin: 0 auto;width: 100%;}
.banner .swiper-pagination-bullet{background: #fff;opacity: .4;}
.banner .swiper-pagination-bullet-active{width: 30px;border-radius: 5px;background: #ba0000;opacity: .9;}
/*in_01*/
.intita{text-align: center;}
.intita span{display: block;font-size: 22px;line-height: 45px;}
.intita span em{color: #ba0000;}
.intita p{color: #777;line-height: 35px;font-size: 16px;}
.intita i{display: block;width: 200px;line-height: 35px;margin:.5rem auto;text-align: center;color: #fff;background: #ba0000;text-transform: uppercase;letter-spacing: 1px;}

.stita{height: auto;overflow: hidden;background: url(../images/stitbg.png) left top no-repeat #ba0000;text-align: center;color: #fff;}
.stita span{display: block;font-size: 22px;line-height: 45px;}
.stita i{display: block;width:20px;height: 2px;margin:0 auto;background: #fff;}
.sidea {height: auto;overflow: hidden;background: #f7f8fc;}
.sidea ul{height: auto;overflow: hidden;}
.sidea ul li{line-height: 45px;border-bottom: 1px solid #ebebeb;}
.sidea ul li a{display: block;color: #666;}
.sidea ul li a em{float: right;font-size: 14px;color: #ba0000;opacity: 0; transition:.4s;margin-right: 1rem;}
.sidea ul li:hover a{color: #ba0000;}
.sidea ul li:hover em{opacity: 1;margin-right: 0px;}
.stitb{height: auto;overflow: hidden;background: url(../images/stitbg.png) left top no-repeat #333;text-align: center;color: #fff;}
.stitb span{display: block;font-size: 22px;line-height: 45px;}
.stitb i{display: block;width:20px;height: 2px;margin:0 auto;background: #fff;}
.sideb ul{background: #f7f8fc;height: auto;overflow: hidden;}
.sideb ul li{line-height: 30px;}

.search{position: relative; height: auto;overflow: hidden;width: 80%;margin:0 auto 1rem auto;}
.search #search_name{ width: 100%; height: 40px; line-height: 40px;float: left;border:solid 1px #cccccb; outline: none;font-size: 12px;text-indent:10px;}
.search #button{position: absolute;right:0px;top:0px; width:40px; height: 40px; line-height: 40px; background:url(../images/fdj.png) center no-repeat #d21126;cursor: pointer;color: #fff;text-align: center; border:none;outline: none; transition: 0.3s;}
.search #button:hover{ background:url(../images/fdj.png) center no-repeat #333;}



.in01a .gallery-top {height: 80%;width: 100%;}
.in01a .gallery-top .swiper-slide {height: auto;overflow: hidden;background: #f7f8fc;}
.in01a .gallery-top .swiper-slide .row{padding-left: 15px;padding-right: 15px;}
.in01aa a{display: block;height: auto;overflow: hidden;}
.in01aa a:hover img{transform: scale(1.05, 1.05)}
.in01aa img{display: block;max-width: 100%;transition: all 1s ease}
.in01ac {position: relative;}
.in01ac strong{position: absolute;z-index: 1;font-size:100px;color: #f2f3f7;font-family: impact;top:0;line-height: 80px;}
.in01ac span{display: block;font-size: 28px;line-height: 50px;position: relative;z-index: 2}
.in01ac i{display: block;width: 30px;height: 2px;background: #d7132e;position: relative;z-index: 2}
.in01ac p{line-height: 30px;color: #777;position: relative;z-index: 3; }
.in01ad {background: url(../images/in01a.png) left no-repeat;padding-left: 90px;}
.in01ad span{display: block;line-height: 25px;}
.in01ad p{font-size: 30px;font-family: impact;color: #ba0000;line-height: 40px;}
.in01ae a{display: block;line-height: 45px;background: #333333;color: #fff;text-align: center;color: #fff;transition:.4s;}
.in01ae a:hover{background: #ba0000;}

.in01a .gallery-thumbs .swiper-slide {position: relative; height: 100%;}
.in01a .gallery-thumbs .swiper-slide img{display: block;max-width: 100%;}
.in01a .gallery-thumbs .swiper-slide span{position: absolute;z-index: 3;width: 100%;line-height: 40px;background: rgba(0,0,0,.4);color: #fff;transition:.4s; bottom: 0;text-align: center;}
.in01a .gallery-thumbs .swiper-slide:hover span{line-height:55px;background: rgba(186,0,0,.8);}
.in01a .gallery-thumbs {height: 20%;box-sizing: border-box;}
.in01a .gallery-thumbs .swiper-slide-thumb-active span{line-height:55px;background: rgba(186,0,0,.8);}
.inimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
/*in_02*/
.in_02{height: auto;overflow: hidden;background: url(../images/in02bg.jpg) center no-repeat;}
.in02a ul{border:1px solid #ebebeb;height: auto;overflow: hidden;}
.in02a li{background: #fff;text-align: center;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;transition:.4s; }
.in02a li a{display: block;}
.in02a li i{font-size: 38px; color: #ba0000;transition:.4s; }
.in02a li:hover i{color: #fff;}
.in02a li:hover span{color: #fff;}
.in02a li:hover p{color: #fff;}
.in02a li span{display: block;line-height: 40px;font-size: 16px;transition:.4s; }
.in02a li p{line-height: 30px;color: #777;transition:.4s; }
.in02a canvas{width: 100%;height: 100%;}
/*in_03*/
.in03a .swiper-slide a{display: block;position: relative;}
.in03a .swiper-slide img{display: block;max-width: 100%;transition:.4s}
.in03a .swiper-slide span{display: block;line-height: 60px;position: relative;}
.in03a .swiper-slide span::after{position: absolute;content: "";bottom: 0;width: 100%;background: #a8a8a8;height: 1px;left:0;transition:.6s;z-index: 1}
.in03a .swiper-slide span::before{position: absolute;content: "";bottom: 0;width: 40px;background: #ba0000;height: 1px;left:0;transition:.6s;z-index: 2}
.in03a .swiper-slide span i{color: #ba0000;float: right;}
.in03aa{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.in03aa b{position: absolute;z-index: 3;top:0;left:0;display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);font-weight: normal;transition:.4s; }
.in03aa b em{display: block;width: 80px; line-height: 70px;border: 1px dashed #fff;border-radius: 100px;text-align: center;margin:0 auto;opacity: 0;transition: .4s;}
.in03aa b em i{font-size: 32px;color: #fff;opacity: 0;transition: .4s;}
.in03a .swiper-slide:hover img{transform: scale(1.05, 1.05)}
.in03a .swiper-slide:hover b{background: rgba(0,0,0,.4)}
.in03a .swiper-slide:hover em{opacity: 1;margin:7rem auto 0 auto;}
.in03a .swiper-slide:hover em i{opacity: 1;}
.in03a .swiper-slide:hover span::before{width: 100%}
.prod .in03a .swiper-slide:hover em{margin:4.6rem auto 0 auto;}

/*in_04*/
.in_04{height: auto;overflow: hidden;background: url(../images/in04bg.jpg) center top repeat-y;}
.in04a strong{display: block;font-size: 24px;line-height: 50px;}
.in04a em{display: block;line-height: 40px;color: #777;font-size: 16px;}
.in04a i{display: block;width: 40px;height: 2px;background: #ba0000;margin:1rem 0;}
.in04a p{line-height: 35px;color: #777;}
.in04a a{display: block;background: #ba0000;width: 140px;line-height: 35px;transition: .4s;border-radius: 0px 40px 40px 0;text-align: center;color: #fff;text-transform: uppercase;margin-top:1rem;}
.in04a a:hover{background: #333;}
.in04b img{display: block;width: 100%;}
/*in_05*/
.in05b{height: auto;overflow: hidden;background: #f7f7f7;border-radius: 2px;transition:.4s;}
.in05b .right{float: right; width: 80%;transition:.4s;}
.in05b .right strong{display: block;line-height: 30px;font-size: 18px;}
.in05b .right p{line-height: 30px;color: #777;}
.in05b .left{float: left; width: 20%;text-align: center;}
.in05b .left span{font-size: 42px;border-bottom: 1px solid #999;font-family:impact;color: #777;}
.in05b .left p{line-height: 30px;color: #777;}
.in05a li:hover .in05b{background: #ba0000;}
.in05a li:hover .in05b  strong{color: #fff;}
.in05a li:hover .in05b  p{color: #fff;}
.in05a li:hover .in05b  span{color: #fff;}
/*footer*/
.footer{height: auto;overflow: hidden;background: url(../images/footbg.jpg) center no-repeat;}
.foota{line-height: 80px;border-bottom: 1px solid #535353;}
.foota li a{display: block;color: #fff;text-align: center;transition:.4s;}
.foota li:hover a{color: #bbb;}
.footb{color: #9f9f9f;}
.footba p{float: left;width: 50%;line-height: 30px;}
.ewm {text-align: center;}
.ewm span{display: block;line-height: 40px;}
.footbb li{line-height: 30px;float: left;width:25%;}
.footbb li a{display: block;color: #9f9f9f;transition:.4s;}
.footc{line-height: 50px;background: #363636;text-align: center;color: #606060;}
.footc a{color: #606060;transition:.4s;}
.footc a:hover{color: #fff;}
.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#444;color:#fff;z-index: 888;}
.footnav li{float: left;width: 25%;text-align: center; color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1) a{border-right: 1px solid #585858;}
.footnav li:nth-of-type(2) a{border-right: 1px solid #585858;}
.footnav li:nth-of-type(3) a{border-right: 1px solid #585858; }
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 25px;}
.footnav li a{display: block; color: #fff !important;padding-top:4%;}
.footnav li a:hover{color: #ba0000}

.online_kefu{ position: fixed;  bottom: 20vh;right:1px;z-index:889;}
.online_kefu p{font-size:12px;}
.online_kefu ul li{ width:60px; height:60px; text-align: center;border-bottom: 1px solid #555;border-top: 1px solid #333; position: relative;background-color:#484848; color: #fff; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu ul li a{ color: #fff;}
.online_kefu ul li .con{ position: relative; line-height:60px;}
.online_kefu ul li .con i{font-size: 30px ;color: #fff ;}
.online_kefu ul li .hover_con{ position: absolute;  left:-200px;left:-100px;    width: 100px;   color: #ffffff;text-align: center;background-color: #d21126;height:60px; line-height:60px; bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -130px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;font-size:12px;}
.online_kefu li:hover{background-color: #d21126;}
.online_kefu li:hover .hover_con{left:-110px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #d21126; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }
.online_kefu li.qrcode:hover .hover_con{  bottom: -60px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}

/*内页*/
.ban{height: 350px;overflow: hidden;background: url(../images/ban.jpg) center no-repeat;color: #fff;}
.ban span{display: block;margin-top:10%;font-size: 30px;line-height: 50px;}
.ban i{display: block;width: 40px;height: 2px;background: #fff;margin:.5rem 0;}
.ban p{display: block;font-size: 16px;line-height: 40px;}
.location{height: auto;line-height: 50px;border-bottom: 1px solid #eeeeee;color: #777;}
.locationa{color: #777;overflow: hidden;line-height: 50px;height: 50px;overflow: hidden; }
.locationa a{color: #777;}
.locationa a:hover {color: #ba0000;}
.locationb{height: 37px;overflow: hidden;line-height: 35px;}
.locationb a{display: block; position: relative; transition:.4s;line-height: 35px;height: 35px;overflow: hidden; text-align: center;margin: 0 1%;}
.locationb a:hover{background: #ba0000;color: #fff;}

.companya{height: auto;overflow: hidden;background: #f5f7f9;}
.companya_a li {text-align: center;}
.companya_a li i{font-size: 38px;color: #ba0000;}
.companya_a li p{line-height: 25px;color: #777;}
.companya_a li span{display: block;line-height: 30px;font-size: 16px;}
.comtit {text-align: center;}
.comtit span{display: block;line-height: 40px;font-size: 24px;}
.comtit p{line-height: 45px;color: #777;}
.comtit span b{background: #ba0000;padding: .5rem 1rem;color: #fff;}
.companya_b {border-top: 1px solid #dadada;}
.companya_b img{max-width: 100%;}
.companya_b p{line-height: 30px;color: #777;}

.companyb_a{height: auto;overflow: hidden;}
.companyb_a li a{display: block;position: relative;height: auto;overflow: hidden;}
.companyb_a li:hover .comba{background: rgba(0,0,0,.6)}
.companyb_a li:hover i{top:34%;}
.companyb_a li:hover span{top:32%;}
.comba{display: block;position: absolute;z-index: 2;left:0;top:0; width: 100%;height: 100%;background: rgba(0,0,0,0);color: #fff;text-align: center;transition:.4s}
.comba  i{font-size: 38px;position: relative;top:-35%;transition: all .6s ease;}
.comba span{display: block;line-height: 40px;position: relative;top:100%;transition: all .6s ease}
.combb {height: auto;overflow: hidden;}
.combb img{width: 100%;}

.companyb_b img{max-width: 100%;}
.companyc{height: auto;overflow: hidden;background: url(../images/companyc.jpg) center no-repeat;}
.companyc_a .swiper-slide a{display: block;position: relative;height: auto;overflow: hidden;text-align: center;}
.companyc_a .swiper-slide span{display: block; line-height: 55px;transition: all .6s ease}
.companyc_a .swiper-slide img{display: block;max-width: 100%;transition: all 1s ease}
.companyc_a .swiper-slide:hover img{transform: scale(1.05, 1.05)}
.companyc_a .swiper-slide:hover span{background: #ba0000;color: #fff;}
.companyc_a .swiper-button-prev{background: rgba(215,255,255,0.4);transition:.4s;width: 40px;}
.companyc_a .swiper-button-prev i{color: #444;font-size: 24px;transition:.4s;}
.companyc_a .swiper-button-prev:hover{background: rgba(186,0,0,0.8);}
.companyc_a .swiper-button-prev:hover i{color: #fff;}
.companyc_a .swiper-button-next{background: rgba(255,255,255,0.4);transition:.4s;width: 40px;}
.companyc_a .swiper-button-next i{color: #444;font-size: 24px;transition:.4s;}
.companyc_a .swiper-button-next:hover{background: rgba(186,0,0,0.8);}
.companyc_a .swiper-button-next:hover i{color: #fff;}
.companyc_a .swiper-button-next:after, .companyc_a .swiper-button-prev:after{display: none;}
.companyc_b{height: auto;overflow: hidden;}
/*产品*/
.producta{height: auto;overflow: hidden;background: #f5f7f9;}
.typea{border-right: 1px solid #f4f4f4;}
.typea span{display: block;line-height: 60px;font-size: 22px;}
.typea p{clear: both; line-height: 30px;height: auto;overflow: hidden; color: #777;}
.typea i{display: block;width: 30px;height: 2px;background: #ba0000;}
.typeaa a{background: #ba0000;width: 48%;line-height: 45px;color: #fff;text-align: center;transition:.4s;}
.typeaa a:hover{background: #333;}
.typeaa a:nth-of-type(1){background: #333;}
.typeaa a:nth-of-type(1):hover{background: #ba0000;}
.typeb .swiper-slide a {display: block;position: relative;}
.typeb .swiper-slide a:hover .pfonta {height: 100%;padding-top: 20%;}
.typeb .swiper-slide a:hover em {height: 60px;}
.typeb .swiper-slide .pfonta {position: absolute;z-index: 3;height: 50px;bottom: 0; background: rgba(0,0,0,.4);width: 100%;text-align: center;transition:.4s;}   
.typeb .swiper-slide .pfonta em{display: block; height: 0px;overflow: hidden;transition:.4s;}   
.typeb .swiper-slide .pfonta em i{font-size: 38px;color: #fff;}   
.typeb .swiper-slide .pfonta span{display: block; line-height: 50px;text-align: center;color: #fff;}   

.prolist{height: auto;overflow: hidden;}
.prolist .row{margin-left:-0.5rem;margin-right:-0.5rem;}
.prolist li a{position: relative;height: auto;overflow: hidden;}
.prolist li:hover .pfontb{background: #ba0000;color: #fff;}
.prolist li:hover .pfontb strong{color: #fff;}
.prolist li:hover .pfontb span{color: #f5f5f5;}
.prolist li:hover .pfontb p{color: #fff;}
.prolist li:hover .pimga img{transform:scale(1.05,1.05);}
.prolist li:hover .pimga i{background: rgba(0,0,0,0.3);}
.pfontb{background: #fff;height: auto;overflow: hidden;transition:.4s;}
.pfontb strong{display: block;line-height: 45px;height: 45px;overflow: hidden; color: #ba0000;font-size: 17px;}
.pfontb span{display: block;line-height: 25px;color: #777;}
.pfontb p{display: block;line-height: 30px;color: #777;border-top: 1px solid #f6f6f6;}
.pfontb i{float: right;font-size: 12px;text-transform: uppercase;font-family: fz;}
.pimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.pimga i{position: absolute;background: rgba(0,0,0,0);width: 100%;height: 100%;transition:.4s;z-index: 2;}
.pimga img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.typeside {position: fixed;left:4%;bottom: 10%;width: 180px;border: 1px solid #eee;z-index: 8;}
.typeside li{line-height: 45px;height: 45px;transition:.4s;}
.typeside li a{display: block;border-bottom: 1px dashed #e5e5e5;}
.typeside li:hover {background: #ba0000;}
.typeside li:hover a{color: #fff;}
.sidetita{height:70px;overflow: hidden;background:#ba0000;color: #fff;text-align: center;padding-top: 1rem;}
.sidetita h5 {line-height: 40px;height: 40px;margin-bottom: 0px;font-size: 22px;}
.sidetita strong{display: block;font-size: 60px;color: #870303;line-height: 50px;height: 50px; text-transform: uppercase;font-family: impact;}
.typeside li.current{background: #ba0000;}
.typeside li.current a{color: #fff;}
.cptop{text-align: center;font-size: 28px;line-height: 45px;font-family: fz;color: #e77745;cursor: pointer;transition:.4s;}
.cptop i{font-size: 22px;}
.cptop:hover{color: #ba0000;}
.cptop:hover i{color: #ba0000;}
/*产品详情*/
.proa {background: #f7f8fc}
.proa img{display: block;max-width: 100%;}
.proaa{height: auto;overflow: hidden;}
.proaa span{display: block;font-size: 22px;line-height: 60px;color: #ba0000;border-bottom: 1px solid #e9e9e9;}
.proaa p{clear: both; line-height: 30px;height: auto;overflow: hidden; color: #777;}
.proaa ul{line-height: 35px;border-top: 1px solid #e9e9e9;}
.proaa li{color:  #777;}
.proaa li i{color:  #ba0000;}
.proae {border-bottom: 1px solid #e9e9e9;}
.proac img{display: block;max-width: 100%;transition:all 0.4s ease;margin:0 auto;}
.proac span{display: block;line-height: 35px;text-align: center;}
.proaca span{display: block;line-height: 30px;color: #777;}
.proaca p{font-size: 28px;line-height: 30px;color: #ba0000;font-family: impact}
.proad a{color: #fff; display: block;width: 125px;line-height: 40px;float: left;text-align: center;border-radius: 20px 0 0 20px;background: #ba0000;transition:.4s;}
.proad a:nth-of-type(2){background: #333;border-radius:0 20px 20px 0;border-left: 1px solid #f6f6f6;}
.proad a:nth-of-type(2):hover{background: #ba0000;}
.proad a:hover{background: #333;}
.proba{height: auto;overflow: hidden;line-height: 30px;color: #777;}
.proba img{display: block;margin: 0 auto;max-width: 100%;}
.ptit{line-height: 60px;background: #f4f6f8;font-size: 16px;text-align: center;}
.ptit a{display: block;transition:.4s;}
.ptit a:hover{background:#ba0000;color: #fff;}
.ptita{height: auto;overflow: hidden;position: relative;text-align: center;}
.ptita strong{font-size:24px;color: #ba0000;z-index: 3}
.ptita span{display: block;line-height: 50px;text-transform: uppercase;color: #777;font-family: fz;z-index: 3}
.ptita i{position: absolute;z-index: 1;width: 30px;height: 30px;top:15%;left:49%; border-radius: 60px;background: rgba(186,0,0,.3);}
.proc .in02a .row{border-top: 1px solid #ebebeb;border-left: 1px solid #ebebeb}
.proe{height: auto;overflow: hidden;background:url(../images/proe.jpg) center no-repeat;text-align: center;}
.proe span{display: block;font-size: 16px;line-height: 50px;color: #fff;}
.proe b{font-size: 32px;font-family: fz;}
.proe p{line-height: 30px;color: #d0d0d0}
/*新闻列表页*/
.newslist li{height: auto;overflow: hidden;transition:.4s;}
.newslist li:hover .time{background: #ba0000;}
.newslist li:hover .time span{color: #fff;}
.newslist li:hover .time p{color: #fff;}
.newslist li:hover .news_b{box-shadow:3px 3px 5px 2px #a8a8a8;transform: translate3d(-2px,-2px,0);}
.newslist li:hover img{filter: grayscale(100%);filter: gray;}
.newslist .time{height: auto;overflow: hidden; background: #f6f6f6;transition:all 0.6s ease 0s;}
.newslist .time span{display: block;font-size: 48px;color: #cacacc;line-height: 60px;font-family: impact;transition:.4s;}
.newslist .time p{display: block;font-size: 36px;color: #cacacc;line-height: 35px;font-family: impact;transition:.4s;}
.news_a {border-bottom: 2px solid #f6f6f6;}
.news_a span{display: block;line-height: 60px;height: 60px;overflow: hidden; font-size: 18px;}
.news_a p{line-height: 30px;color: #777;}
.news_b{height: auto;overflow: hidden;transition:all 0.6s ease 0s;}
.news_b img{width: 100%;transition:all 0.6s ease 0s;}

/*新闻详情*/
.newsinfo{height: auto;overflow: hidden;background: #f4f6f8;}
.newsinfoa{height: auto;overflow: hidden;}
.newsinfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;} 
.meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;}
.newsaa {height: auto;overflow: hidden;}
.newsaa  img{display: block;margin:0 auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.newsinfob{padding: 2% 0;height: auto;overflow: hidden;}
.newsinfob strong{display: block;font-size: 1.375rem;line-height: 60px;}
.newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;transition:.4s;}
.newsinfob li:hover{background: #d21126;color: #fff;}
.newsinfob li:hover span{color: #fff;}
.newsinfob li:hover p{color: #fff;}
.newsinfob li img{max-width: 100%;}
.newsinfob li span{display: block;line-height: 25px;margin:10px 0;color: #666;}
.newsinfob li p{line-height: 25px;color: #666;font-size: 13px;}
#prev_next{height: auto;overflow: hidden;border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;}
#prev_next li{line-height: 35px; color: #777;}
#prev_next li i{float: left;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #d21126 !important;}

/*荣誉*/
.honorlist{height: auto;overflow: hidden;}
.honorlist li{height: auto;overflow: hidden;}
.honorlist li a{display: block;position: relative;}
.honorlist li img{display:block;height: auto;margin:0 auto;max-width: 100%;transition: all 1s ease;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .honorfonta{background: rgba(0,0,0,0.8);opacity: 0.8;bottom: 0;padding-top: 30%;}
.honorfonta{position: absolute;z-index: 8;bottom: -260px;width: 100%;color: #fff; height: 100%;padding-top:60%; overflow: hidden;text-align: center;background: rgba(0,0,0,0);transition: .4s;}
.honorfonta span{display: block; line-height: 30px;font-size: 15px;}
.honorfonta i{font-size: 42px;}
.honorlist .imga{height: auto;overflow: hidden; border: 1px solid #efefef;}

/*联系*/
.contacta{height: auto;overflow: hidden;background: #e6ecf2;}
.cona{background: url(../images/contact_icon1.png) left top no-repeat;padding-left: 55px;}
.conb{background: url(../images/contact_icon2.png) left top no-repeat;padding-left: 55px;}
.conc{background: url(../images/contact_icon3.png) 15px center no-repeat;padding-left: 65px;border-left: 1px solid #d5dbe0;border-bottom: 1px solid #d5dbe0}
.cond{background: url(../images/contact_icon4.png) 15px center no-repeat;padding-left: 65px;border-left: 1px solid #d5dbe0;border-bottom: 1px solid #d5dbe0}
.cone{background: url(../images/contact_icon5.png) 15px center no-repeat;padding-left: 65px;border-left: 1px solid #d5dbe0;}
.cona span{display: block;font-size: 15px;line-height: 20px;}
.cona p{display: block;font-size: 30px;line-height: 30px;color: #ba0000;font-family: fz;}
.conb span{display: block;font-size: 15px;line-height: 20px;}
.conb p{display: block;font-size: 30px;line-height: 30px;color: #ba0000;font-family: fz;}
.cona_b span{display: block;font-size: 15px;line-height: 20px;}
.cona_b p{line-height: 30px;color: #777;}
.cona_c{text-align: center;background: url(../images/abt2_bg.jpg) left top repeat;}
/*.cona_c span{display: block;line-height: 35px;}
.contactb{height: auto;overflow: hidden;}
.contit span{display: block;font-size: 36px;color: #cccccc;font-family: impact;line-height: 45px;text-transform: uppercase;}
.contit p{line-height: 30px;font-size: 24px;}*/

.ftit strong{display: block;font-size: 20px;line-height: 40px;}
.ftit span{display: block;line-height: 30px;}
.cona_c .form-tr  {height: auto;overflow: hidden;}
.cona_c .form-tr input{float: left;width: 45%;background: none;border-bottom: 1px solid #515151;margin-right: 10%;line-height: 45px;}
.cona_c .form-tr input:last-child{margin-right: 0px;}
.cona_c .form-tr .code input{float: left;width: 30%;}
.cona_c .form-tr .code .verify{float: left;width: 25%;}
.cona_c .form-tr .code .verify img{width: 100%;height: 45px;}
.cona_c .form-tr .code .submit {float: right;width: 30%;line-height: 45px;text-align: center; display: block;background: #ba0000;color: #fff;transition:.4s;}
.cona_c .form-tr .code .submit a{display: block;}
.cona_c .form-tr .code .submit:hover{background: #fff;color: #444;}

/*招聘*/
.joba{height: auto;overflow: hidden;background: #f5f7f9;}
.joba_a {background: url(../images/join2_icon.png) bottom right no-repeat;}
.joba_a span{line-height: 30px;font-size: 24px;}
.joba_a i{display: block;width: 30px;height: 2px;margin:1rem 0; background: #ba0000}
.joba_a p{line-height: 30px;color: #777;}
.joba_b{height: auto;overflow: hidden;background: #fff;}
.joba_ba {border-right: 1px solid #e1e7ed}
.joba_ba span{display: block;font-size: 16px;line-height: 45px;}
.joba_ba p{line-height: 30px;color: #777;}
.joba_bb img{border: 1px solid #eee;padding: 1px;}
.joba_bb a{display: block;line-height: 50px;text-align: center;width: 100%;background: #ba0000;color: #fff;transition:.4s;}
.joba_bb a:hover{background: #333;}

.jobtita{line-height: 30px;height: auto;overflow: hidden; color: #777;border-bottom: 1px solid #e1e1e1;}
.td1{width: 25%;float: left;line-height: 60px;text-align: center;border-right: 1px solid #e1e1e1;}
.td2{width: 35%;float: left;}
.td3{width: 25%;float: left;line-height: 60px;}
.td4{width: 15%;float: left;}
.td4 a{display: block;width: 120px;line-height:40px;text-align: center;margin-top: 10px; color: #777;background: #ececec;transition:.4s;}
.td4 a:hover{color: #fff;background: #ba0000;}
#jobs{background: #fff;border: 1px solid #e1e1e1;border-bottom: none;}
#jobs ul{margin-bottom: 0px;}
#jobs li{width: 100%;}
.jobbox{height: auto;overflow: hidden; padding:2%;background: #fefefe;position: relative;display: none;color: #777;border-bottom: 1px solid #e1e1e1;}
.jobbox p{line-height: 35px;}
.jobbox a{display: block; background: #ba0000;line-height: 35px;color: #fff;width: 120px;text-align: center;transition:.4s;}
.jobbox a:hover{background: #444 ;}

.jobs_title{height: auto;overflow: hidden;border-bottom: 1px solid #eee;}
.jobs_title span{display: block;line-height: 40px;font-size: 18px;}
.jobs_title p{line-height: 30px;color: #777;}
.jobs_a{line-height: 30px;color: #777;}
.jobs_a span{font-size: 16px;color: #ba0000;}
.jobs_title a{display: block;background: #ba0000;color: #fff;width: 120px;line-height: 35px;text-align: center;transition:.4s;}
.jobs_title a:hover{background: #444;}
.job-tr{height: auto;overflow: hidden;margin-bottom: 1rem;}
.job-tr .tr-title {float: left;line-height: 35px;margin-right: 1rem;}
.job-tr input {line-height: 35px;border: 1px solid #eee;width: 200px;}
.man input {width: 30px;}
.job-tr textarea {line-height: 35px;border: 1px solid #eee;width: 200px;}
.job-tr .verify{float: left;width: 120px;line-height: 35px;}
.job-tr .verify img{width: 100%;}
.job-tr .submit{float: left; display: block; background: #ba0000;line-height: 35px;color: #fff;width: 120px;text-align: center;transition:.4s;}
.job-tr .submit:hover{background: #444 ;}
@media (max-width: 575px) {
.footer{padding-bottom: 16%;}
}
@media (max-width: 576px) { 
.intita span{font-size: 16px;line-height: 30px;}
.intita p{font-size: 14px;line-height: 25px;}
.intita i{line-height: 25px;font-size: 12px;}
.in01ac span{font-size: 16px;}
.in01ac strong{font-size: 48px;}
.in02a .row{margin-left: 0px;margin-right: 0px;}
.in02a li:hover{background: #ba0000;}
.in04a strong{font-size: 18px;line-height: 30px;}
.in04a em{font-size: 14px;}
.in05b .right p{font-size: 13px;line-height: 25px;}

.ban{background-size: 250%;height: 170px;}
.comtit span{font-size: 16px;}
.ban span{font-size: 22px;}
.honorfonta i{font-size: 22px;}
.pfontb strong{font-size: 14px;}
.proa .col-12{padding-left: 0px;padding-right: 0px;}
.proaa span{font-size: 16px;}
.in05b .right{width: 100%;}
.companyb .row{margin-left: 0px;margin-right: 0px;}
.companyb_a .col-6{padding:0 .25rem;}
.comtit p{line-height: 25px;}
.companyc_a .swiper-slide span{line-height: 30px;}
.typea{border-right: none;}
.sidea ul li{float: left;width: 50%;}
.td2 p{margin-top: 1rem;}
.in03aa b em{display: none;}
 }
@media (min-width: 576px) and (max-width: 768px) { 
.in05b .right{width: 100%;}
.in04a em{font-size: 14px;}
.in04a p{line-height: 28px;}
.comtit span{font-size: 16px;}
.companyc_a .swiper-slide span{line-height: 30px;}
.ban{background-size: 250%;height: 240px;}
.comtit span{font-size: 16px;}
.ban span{font-size: 22px;}
.newslist .time span{font-size: 28px;}
.news_a p{font-size: 13px;line-height: 25px;}
.news_a span{height: 40px;line-height: 40px;}
.companyb .row{margin-left: 0px;margin-right: 0px;}
.companyb_a .col-6{padding:0 .25rem;}
.typea{border-right: none;}
.sidea ul li{float: left;width: 50%;}
.td2 p{margin-top: 1rem;}
.in03a .swiper-slide:hover em{margin:4rem auto 0 auto ;}

}
@media (min-width: 768px) and (max-width:992px){
.in04a em{font-size: 14px;}
.in04a p{line-height: 28px;}
.comtit span{font-size: 16px;}
.companyc_a .swiper-slide span{line-height: 30px;}
.ban{background-size: 200%;height: 240px;}
.comtit span{font-size: 16px;}
.ban span{font-size: 22px;}
.newslist .time span{font-size: 28px;}
.news_a p{font-size: 13px;line-height: 25px;}
.news_a span{height: 40px;line-height: 40px;}
.in05b .right{width: 100%;}
.companyb .row{margin-left: 0px;margin-right: 0px;}
.companyb_a .col-6{padding:0 .25rem;}
.typea{border-right: none;}
.sidea ul li{float: left;width: 50%;}
}
@media (min-width: 768px) and (max-width:991px){
.in05b .right{width: 100%;}
}
@media (min-width: 992px) and (max-width:1200px) {
.in01ac span{font-size: 16px;}
.ewma span{display: none;}
.in03a .swiper-slide:hover em{margin:4rem auto 0 auto ;}
}







@media (min-width: 1200px) {
#top .container{max-width: 1700px;}
.container{max-width: 1400px;}
 }

@media (min-width: 1200px) and (max-width:1400px) {
.online_kefu{display: none !important;}
.typeside{display: none !important;}
.in01ab{padding: .5rem 0 !important;}


}
@media (min-width: 1200px) and (max-width:1760px) {
.typeside{display: none !important;}
}